@charset "utf-8";
$font-size: 40;
@function r($px) {
  @return $px/(2*$font-size) * 1rem;
}

header{
  width: 100%;
  height: r(76);
  position: absolute;
  top: 0;
  border-bottom: 1px solid #a8a9a8;
  a{
      display: block;
      height: 100%;
      left: r(28);
      position: absolute;
    .iconfont,.icon-youbian1::before{
      font-size: r(36);
      color: black;
      line-height: r(76);
      vertical-align: top;
    }
  }
  h4{
    font-size: r(30);
    line-height: r(76);
    text-align: center;
    font-weight: normal;
   // overflow: hidden;
  }
}
section {
  position: absolute;
  top: r(76);
  bottom: 0;
  width: 100%;
  overflow-y: scroll;
  article{
    width: r(584);
    margin: 0 auto;
    .title{
      margin-top: r(21);
      margin-left: r(10);
      width: 100%;
      p{
        line-height: r(30);
      }
      span:nth-of-type(1){
        font-size: r(30);
        margin-right: r(13);
      }
      span:nth-of-type(2){
        font-size: r(20);
        color: #a8a9a8;
      }
    }
    ul{
      li{
        width: r(170);
        height: r(50);
        text-align: center;
        float: left;
        border-radius: r(5);
        border: 1px solid #878787;
        margin-top: r(22);
        margin-right: r(28);
        font-size: r(29);
        line-height: r(50);
        color: #a8a9a8;
      }
      li:nth-of-type(3n){
        margin-right: 0;
      }
    }
    hr{
      width: 100%;
      height: r(1);
      margin: r(32) 0;
    }
    #confirm_btn{
      width: r(300);
      height: r(68);
      background: rgb(51,51,51);
      border-radius: r(5);
      color: white;
      text-align: center;
      display: block;
      margin: r(38) auto r(30);
      font-size: r(30);
    }
  }
}
.select{
    background: gray;
    color: white;
}
